<!DOCTYPE HTML>
<html lang="en-US">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <meta name="author" content="" />
        <title>Home - Intranet</title>
        <!-- Stylesheet -->
        <link href="./css/bootstrap.min.css" rel="stylesheet" media="screen" />
        <link href="./css/bootstrap-responsive.min.css" rel="stylesheet" media="screen" />

        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
            <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
        <![endif]-->
    </head>
    <body>
        <!-- Content start -->
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span6"></div>
                <div class="span6">
                    <div class="row-fluid">
                        <div class="span6">
                            <h2 class="breadcrumb">Upcoming Public Holidays</h2>
                            <p class="alert alert-info">01/01/13 New Year Day<br>
                                07/01/13 Victory Day</p>
                        </div>
                        <div class="span6">
                            <h2 class="breadcrumb">Emergency Information</h2>
                            <ul class="unstyled alert alert-info">
                                <li><a href="#">Flood - What to do?</a></li>
                                <li><a href="#">Fire - What to do?</a></li>
                                <li><a href="#">Burglary - What to do?</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="header breadcrumb">
                        <h2>Latest News</h2>
                    </div>
                    <div class="row-fluid  alert-info">
                        <div class="span12">
                            <h3><a href="#">Web Essentials Brings TYPO3 to Barcamp Phnom Penh</a></h3>
                            <div class="row-fluid">
                                <div class="span3">
                                    <img src="img/D_b634db5f91.jpg" class="img-polaroid">
                                </div>
                                <div class="span9">
                                    <p>On October 22nd – 23rd, Barcamp Phnom Penh took place with more than 1500 people attending. As the only web development company in Cambodia to...</p>
                                </div>
                            </div>
                            <hr />
                            <p>
                                <span>04.12.2012</span><span>|</span><span>Job</span><span class="divider">|</span><span>created by vibol</span>
                            </p>
                        </div>
                    </div>
                    <br />
                    <div class="row-fluid alert-info">
                        <div class="span12">
                            <h3><a href="#">TYPO3 Internship Opportunity</a></h3>
                            <div class="row-fluid">
                                <div class="span3">
                                    <img src="img/D_b634db5f91.jpg" class="img-polaroid">
                                </div>
                                <div class="span9">
                                    <p>Are you seeking an opportunity to gain knowledge in web development with international projects and working in friendly environment? </p>
                                </div>
                            </div>
                            <hr />
                            <p>
                                <span>04.12.2012</span><span>|</span><span>Job</span><span class="divider">|</span><span>created by vibol</span>
                            </p>
                        </div>
                    </div>
                    <br>
                    <div class="row-fluid  alert-info">
                        <div class="span12">
                            <h3><a href="#">Web Essentials Joined BarCamp Angkor </a></h3>
                            <div class="row-fluid">
                                <div class="span3">
                                    <img src="img/D_b634db5f91.jpg" class="img-polaroid">
                                </div>
                                <div class="span9">
                                    <p>Christmas and New Year celebration is a very enjoyable and happy time for everybody. For Web Essentials, it is a special occasion to gather all staff...</p>
                                </div>
                            </div>
                            <hr />
                            <p>
                                <span>04.12.2012</span><span>|</span><span>Job</span><span class="divider">|</span><span>created by vibol</span>
                            </p>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- Content end -->

        <!-- Javascript -->
        <script src="http://code.jquery.com/jquery.js"></script>
        <script src="./js/bootstrap.min.js"></script>
    </body>
</html>
